import React, { useState } from 'react'
/* 
useState:
  让函数式组件支持state状态
  useState()方法里面唯一的参数就是初始state
  useState()返回一个只有两个元素的数组
    第一元素就是当前的state的值
    第二个元素是一个函数,用来替换原来state的值,这个函数的修改state和setState一样是异步的
  React会在重复渲染时记住它当前state的值，并提供最新的值给函数

  
*/
export default function App() {
  const [count, setCount] = useState(0)
  const [isHot, setIsHot] = useState(true)
  const changeSetcount = () => {
    setCount(count + 1)
  }
  const changeWeight = () => {
    setIsHot(!isHot)
  }
  console.log('渲染了！！！！！');
  return (
    <div>
      <p>狗头+{count}</p>
      <button onClick={changeSetcount}>点击🐕头</button>
      <p>今天天气{isHot ? '好热' : '真的好热'}</p>
      <button onClick={changeWeight}>改变天气</button>
    </div>
  )
}




